<!DOCTYPE html> 
<html> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8""> 
	<title></title> 
</head> 
<body> 
	<div align="center"> 
	<h4>hello everyone</h4>
	<input type="button" onclick="showPro()" value="输入框弹窗按钮"/> 
	<input type="button" onclick="showAlert2()" value="提示弹窗按钮"/> 
	<input type="button" onclick="showAlert()" value="确认弹窗按钮 "/>
<br>
<br>
<br> 
	<span id="textSpan"></span> 
	</div> 
</body> 
<script> 
function showAlert()
	{ 
		document.getElementById("textSpan").innerHTML=""; 
		if(confirm("确认信息弹窗"))
	{ 
		document.getElementById("textSpan").innerHTML="<font style='color: red;'>您点了确认按钮</font>"; }
		else
	{ 
		document.getElementById("textSpan").innerHTML="<font style='color: red;'>您点了取消按钮</font>"; }
	}
function showPro()
	{ 
		document.getElementById("textSpan").innerHTML=""; con = prompt("请输入1或者2");
		if(con==1)
	{ 
		document.getElementById("textSpan").innerHTML="<font style='color: green;'>聪明</font>"; }
		else if(con==2)
	{ 
		document.getElementById("textSpan").innerHTML="<font style='color: green;'>机智</font>"; }
		else
	{ 
		document.getElementById("textSpan").innerHTML="<font style='color: red;'>您没有按要求输入，请重新输入</font>"; }
	}
function showAlert2()
	{ 
		document.getElementById("textSpan").innerHTML=""; 
		alert("提示信息弹窗"); } 
</script> 
</html>